<!DOCTYPE html>
<html>
<head>
    <title>教学视频</title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            #if($shiro.hasPermission("teachingvideo:save"))
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            #end
            #if($shiro.hasPermission("teachingvideo:update"))
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            #end
            #if($shiro.hasPermission("teachingvideo:delete"))
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            #end
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">产品ID</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control hidden" v-model="teachingVideo.proId" placeholder="产品ID"/>
                    <select  class="form-control"  id="proSelect"  placeholder="产品类型"    >

                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">视频标题</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="teachingVideo.title" placeholder="视频标题"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">描述</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="teachingVideo.description" placeholder="描述"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">视频地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="teachingVideo.videoPath" placeholder="视频地址"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">图片地址</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control hidden" v-model="teachingVideo.titleImage" placeholder="图片地址"/>
                    <input id="pro_file" type="file" @change="preview"  style="position:absolute;height:64px;opacity:0;" accept="image/gif,image/jpeg,image/x-png"   >
                    <img id="pro_image" src="${rc.contextPath}/statics/image/addImg.png"  style="width: 64px;height:64px;">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">语言编码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control hidden" v-model="teachingVideo.language" placeholder="语言编码"/>
                    <select  class="form-control" id="languageSelect"    placeholder="语言编码">
                        <option value="zh">zh</option>
                        <option value="en">en</option>
                        <option value="ja">ja</option>
                    </select>
                </div>
            </div>
            <div class="form-group hidden">
                <div class="col-sm-2 control-label">数据状态（0启用、1停用）</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="teachingVideo.status" placeholder="数据状态（0启用、1停用）"/>
                </div>
            </div>
            <div class="form-group hidden">
                <div class="col-sm-2 control-label">添加时间</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="teachingVideo.addTime" placeholder="添加时间"/>
                </div>
            </div>
            <div class="form-group hidden">
                <div class="col-sm-2 control-label">添加人</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="teachingVideo.addUser" placeholder="添加人"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${rc.contextPath}/js/generator/teachingvideo.js?_${date.systemTime}"></script>
</body>
</html>